﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>数据预测</title>

    <script src="../../MYJS/CommonforPrediciton.js"></script>
    <script src="../../MYJS/WFTPrediction.js"></script>
</head>
<body>
    <br />
    <br />
    <div class="Speedform">
        <div class="layui-form">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">请选择范围</label>
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input" id="startend" placeholder="开始 到 结束" autocomplete="off">
                    </div>
                </div>
                <div class="layui-inline">

                    <div class="layui-input-inline">
                        <button class="layui-btn" id="damageprediction">损伤预测</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-fluid">
        <div class="layui-row">
            <div class="layui-col-md6">
                <div id="residuecontainer" style="width: 100%;height:400px;"></div>


            </div>
            <div class="layui-col-md6">
                <div id="Predictioncontainer" style="width: 100%;height:400px;"></div>

            </div>
        </div>
        <div class="layui-row">
                <div class="layui-col-md3">
                    <div id="LFXcontainer" style="width: 90%;height:400px;"></div>


                </div>
                <div class="layui-col-md3">
                    <div id="RFXcontainer" style="width: 90%;height:400px;"></div>


                </div>
                <div class="layui-col-md3">
                    <div id="LRXcontainer" style="width: 90%;height:400px;"></div>


                </div>
                <div class="layui-col-md3">
                    <div id="RRXcontainer" style="width: 90%;height:400px;"></div>


                </div>
        </div>
            <div class="layui-row">
                <div class="layui-col-md3">
                    <div id="LFYcontainer" style="width: 100%;height:400px;"></div>


                </div>
                <div class="layui-col-md3">
                    <div id="RFYcontainer" style="width: 100%;height:400px;"></div>


                </div>
                <div class="layui-col-md3">
                    <div id="LRYcontainer" style="width: 100%;height:400px;"></div>


                </div>
                <div class="layui-col-md3">
                    <div id="RRYcontainer" style="width: 100%;height:400px;"></div>


                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-md3">
                    <div id="LFZcontainer" style="width: 100%;height:400px;"></div>


                </div>
                <div class="layui-col-md3">
                    <div id="RFZcontainer" style="width: 100%;height:400px;"></div>


                </div>
                <div class="layui-col-md3">
                    <div id="LRZcontainer" style="width: 100%;height:400px;"></div>


                </div>
                <div class="layui-col-md3">
                    <div id="RRZcontainer" style="width: 100%;height:400px;"></div>


                </div>
            </div>
        </div>
</body>
</html>